<!DOCTYPE HTML>
<%
    HttpSession ses = request.getSession(true);
    ses.invalidate();
%>
<html>
    <head>
        <title>simplestyle_5</title>
        <meta name="description" content="website description" />
        <meta name="keywords" content="website keywords, website keywords" />
        <meta http-equiv="content-type" content="text/html; charset=windows-1252" />
        <link rel="stylesheet" type="text/css" href="style/style.css" />
        <link href="css/UI/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" /> 
        <script type="text/javascript" src="script/jquery-1.6.4.js"></script> 
        <script type="text/javascript" src="script/UI/jquery-ui-1.8.16.custom.js"></script> 
        <script type="text/javascript">  
            $(document).ready(function() {
                $('input[type=submit]').button();
                $('#content').hide();
                $('#logo_text').hide();
                //$('#logo_text').hide();
                $('#content').fadeIn(3000, function(){});
                $('#logo_text').fadeIn(3000, function(){});
                
            });
        </script>         
    </head>

    <body>
        <div id="main">
            <div id="header">
                <div id="logo">
                    <div id="logo_text">
                        <!-- class="logo_colour", allows you to change the colour of the text -->
                        <h1><a href="index.html">Realidad<span class="logo_colour">Aumentada</span></a></h1>
                        <h2>Un mundo matem&aacute;tico y cient&iacute;fico</h2>
                    </div>
                </div>
                <div id="menubar">
                    <ul id="menu">
                        <!-- put class="selected" in the li tag for the selected page - to highlight which page you're on -->
                        <li class="selected"><a href="index.html">Home</a></li>
                        <li><a href="examples.html">Examples</a></li>
                        <li><a href="page.html">A Page</a></li>
                        <li><a href="another_page.html">Another Page</a></li>
                        <li><a href="contact.html">Contact Us</a></li>
                    </ul>
                </div>
            </div>
            <div id="site_content">
                <div class="sidebar">
                    <form method="post" action="InicioSession"> 
                        <h1>Ingresar datos</h1>
                        Usuario: <input type="text" name="nombre" value="" />
                        <br/>
                        Clave:<input type="password" name="clave" value="" />
                        <br/>
                        <br/>
                        <input type="submit" value="Ingresar al sistema" />
                    </form>
                    <br/>
                    <a href="registrar.jsp">Registrar nuevo usuario</a>


                    <h1>Useful Links</h1>
                    <ul>
                        <li><a href="#">link 1</a></li>
                        <li><a href="#">link 2</a></li>
                        <li><a href="#">link 3</a></li>
                        <li><a href="#">link 4</a></li>
                    </ul>
                    <h1>Search</h1>
                    <form method="post" action="#" id="search_form">
                        <p>
                            <input class="search" type="text" name="search_field" value="Enter keywords....." />
                            <input name="search" type="image" style="border: 0; margin: 0 0 -9px 5px;" src="style/search.png" alt="Search" title="Search" />
                        </p>
                    </form>
                </div>
                <div id="content">
                    <h1>Un mundo matem&aacute;tico y cient&iacute;fico</h1>
                    <p>La matem&aacute;ticas y la ciencia es todo lo que nos rodea y permite que estemos en constante contacto con ellas. Raz&oacute;n por la cual son &aacute;reas de investigaci&oacute;n que brindan respuestas y preguntas. Realidad Aumentada pretende brindar material did&aacute;ctico y actualizado para aquellas personas que buscan un respuesta o alguna explicaci&oacute;n muy compleja acerca de algun temar relacionado con las matem&aacute;ticas y el &aacute;rea de la ciencia.</p>
                    <p><img src="style/ciencia.gif" width="537" height="313" alt="imgmath"></p>
                    <p>&nbsp;</p>
                    <p>Los usuarios poseen tres semanas para navegar a travez del sitio y visitar el material que brindamos.</p>
                    <p>Luego es necesario pagar una mensualidad para poder seguir visualizando los art&iacute;culos y dem&aacute;s materiales. DIchos materiales son las &uacute;ltimas investigaciones y siempre permanecer&aacute;n actualizadas
                        seg&uacute;n las mnuevas teorias y experimentos.</p>
                    .
                    <p>&nbsp;</p>
                </div>
            </div>
            <div id="footer">
                <p><a href="index.html">Home</a> | <a href="contact.html">Contact Us</a></p>
<p>Copyright &copy; Realidad Aumentada<a href="http://www.html5webtemplates.co.uk"></a></p>
            </div>
        </div>
        <div style="text-align: center; font-size: 0.75em;"></div></body>
</html>